﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>钉钉通用管理系统 - 登录</title>

    <link href="/Skin/H4.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="/Skin/H4.2/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/Skin/H4.2/css/animate.css" rel="stylesheet">
    <link href="/Skin/H4.2/css/style.css" rel="stylesheet">
    <link href="/Skin/H4.2/css/login.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location;
        }
        window.onload = function () {
            if (window.parent.xxxFrame == undefined) {
                window.parent.location.href = "/Account/LogOn";
            }
        }
    </script>

    <style type="text/css">
    .col-sm-5 div.login_txt02{
        width: 115px;
    }
    .login_div02 {
        color:black;
        }
    .col-sm-5 dl img{
        width: 70px;
	    vertical-align: middle;
	    margin-top: -2px;
	    margin-bottom: 2px;
	    height: 30px;
    }

    .col-sm-5 h3{
        color: #666;
        font-size: 1.6em;
        text-align: center;
        margin-bottom: 10px;
    }

    .col-sm-5 .r{
	    margin: 10px 5px 10px 10px;
	    text-align: left;
	    font-size: 14px;
	    color: #666;
    }
    .col-sm-5 .r input{
	    vertical-align: middle;
	    margin: -2px 2px 2px 0;
	    border: 1px solid #9fb5be;
	    height: 15px;
	    width: 15px;
	    background: #fff;
    }
    .col-sm-5 .r label{
        display: inline-block;
        vertical-align: middle;
	    margin: -2px 0 2px 0;
    }

    .col-sm-5 div.login_div02{
	    width: 145px;
    }
    .col-sm-5 dl{
        position:absolute;
        top:175px;
	    left:200px;
    }
     .col-sm-5 dl img{
        width: 70px;
	    vertical-align: middle;
	    margin-top: -2px;
	    margin-bottom: 2px;
	    height: 30px;
    }

    </style>
</head>
<body class="signin">
    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1>[ 钉钉 ]</h1>
                    </div>
                    <div class="m-b"></div>
                    <h4>欢迎使用 <strong>钉钉通用管理系统</strong></h4>
                    <ul class="m-b">
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i>.....</li>

                    </ul>
                    <strong>还没有账号？ <a href="#">立即注册&raquo;</a></strong>
                </div>
            </div>
            <div class="col-sm-5">
                <iframe id="xxxFrame" name="xxxFrame" style="display: none"></iframe>
                @using (Html.BeginForm("LogOn", "Account", FormMethod.Post, new { target = "xxxFrame" }))
                {
                        <h3>用户登录</h3>

                            @Html.Hidden("type", "1")
                        <div> @Html.TextBox("UserCode", "", new { @value = "用户名", @class = "form-control uname", @placeholder = "用户名", @alt = "用户名" })</div>
                        <div> @Html.Password("Password", "", new { @value = "密码", @class = "form-control pword m-b", @placeholder = "密码", @alt = "密码" })</div>    
                        <div class="login_div02"> @Html.TextBox("Safe", "", new { @value = "验证码", @class = "form-control login_txt02", @placeholder = "验证码", @alt = "验证码" })</div>
                            <dl>
                                <a href="" title="看不清楚？点击换一张">
                                    <img id="imgSafe" src="/Validate.aspx" class="imgx" alt="" style="cursor: pointer" />
                                </a>
                            </dl>
                        

                    <div class="r">
                        <input type="checkbox" id="re" /><label for="re">记住用户名</label>
                    </div>
                    <div class="b">
                        <input type="submit" class="btn btn-success btn-block" value="登 录" />
                    </div>
                }
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-left">
                &copy; 2018 All Rights Reserved.
            </div>
        </div>
    </div>
    <script src="/Skin/H4.2/js/jquery.min.js?v=2.1.4"></script>
    <script src="/Skin/H4.2/js/bootstrap.min.js?v=3.3.6"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#imgSafe").click(function () {

                $("#imgSafe").attr("src", "/Validate.aspx?time=" + new Date().getTime());
                return false;
            });
        });
        function alertMsg(_msg) {
            if (_msg == "1") {
                window.location.href = "/SysHome/Index";
                return;
            }
            else if (_msg == "0") {
                window.location.href = "/Home/Index";
                return;
            }
            else {
                alert(_msg);
            }
            $("#imgSafe").attr("src", "/Validate.aspx?time=" + new Date().getTime());
        }

        function changeTab(_this, _type) {
            $(".content-tab a").removeClass("now");
            $(_this).addClass("now");
            $("#type").val(_type);

        }
    </script>
</body>
</html>
